/**
 * Created by Administrator on 2017/11/30.
 */

import React from 'react';
import css from './index.less';
import PropTypes from 'prop-types';

export default class FontFamily extends React.Component {
  constructor(props) {
    super(props);
  }

  static propTypes = {
    label: PropTypes.any,
    numValue: PropTypes.number,
    unit: PropTypes.any,
    type: PropTypes.string,
    disabled: PropTypes.bool,
  };

  static defaultProps = {
    label: '二级标题',
    numValue: 0,
    unit: 'px',
    type: 'text',
    disabled: false,
  };

  selStyle() {
    const { optionFamily = () => {} } = this.props;
    optionFamily(this.refs.sel.selectedIndex);
  }

  render() {
    // const { numValue, type } = this.props;
    return (
      <div className={css.wrap}>
        <div className={css.sel}>
          <select onChange={this.selStyle.bind(this)} ref="sel">
            <option>没线</option>
            <option>实线</option>
            <option>虚线</option>
            <option>点线</option>
            <option>双线</option>
          </select>
          <i />
        </div>
      </div>
    );
  }
}
